<div ng-controller="pv9" class="loading" style="width: 100%;">
    <style type="text/css">
        *{margin:auto;padding:0}
        body{
            background-color: #EEEEEE;
        }
        .item-title{
            padding:10px 0;border-bottom-color: #d3d3d4;border-bottom-width: 1px;border-bottom-style: solid;
        }
    </style>

    <f-title style="background-color:#0197D6;z-index: 1;">
        <f-back ng-click="pv7()">〈</f-back>
        附件
    </f-title>


    <f-card class="item-title">
        <f-section-icon  style="background-color: #0096D5"></f-section-icon >
        <f-section-title>拍照</f-section-title>
    </f-card>
    <f-card>
        <f-upload style="color: black ;height:300px" ng-click="takePhoto();">
            <f-uploadto style="margin-top:100px;font-size: 12px;text-align:center;vertical-align: middle;"><img src="img/photo.png" style="width: 52px;height: 52px;margin: 0 auto;">拍照</f-uploadto>
        </f-upload>
    </f-card>
    <f-card class="item-title">
        <f-section-icon  style="background-color: #0096D5"></f-section-icon >
        <f-section-title>从相册选择</f-section-title>
    </f-card>
    <f-card>
        <f-upload style="color: black ;height:300px" ng-click="takePhotoFromSystem();">
            <f-uploadto style="margin-top:100px;font-size: 12px;text-align:center;vertical-align: middle;"><img src="img/photo.png" style="width: 52px;height: 52px;margin: 0 auto;">相册选择</f-uploadto>
        </f-upload>
    </f-card>
    <f-card>
        <f-hint style="border:none;margin-bottom:10px;margin-top: -12px;font-size: 16px">最少3张,最多9张</f-hint>
    </f-card>
    <f-card>
        <f-hint style="border:none;margin-bottom:10px;margin-top: -12px;font-size: 16px">若30秒照片未上传成功，请填写备注并提交</f-hint>
    </f-card>
    <!--显示上传的图片-->
	<div id="testpic">
		
	</div>
    <f-card style="display: flex;flex-wrap: wrap;padding-left:15px;">
        <span ng-repeat="item in imageUrls track by $index" style="position: relative;display: flex;justify-content: center;align-items: center;width: 5rem;height: 5rem;border: 1px solid #ccc;border-radius: 5px;margin: 5px;">
            <span style="position: absolute;text-align: right;top:0;right: 0px;padding: 0 6px;border: 1px solid #0197d6;width: 39px;height: 17px;border-radius: 0 0 0 20px;text-align: center;background: #0197d6;color: #ffffff;font-size: 10px;padding-left: 11px;" ng-click="removeImg($index);">X</span>
            <img style="width: 5rem;height:5rem;padding: 2px;"  ng-src="{{item}}"/>
        </span>
    </f-card>
    <f-card class="item-title">
        <f-section-icon  style="background-color: #0096D5"></f-section-icon >
        <f-section-title>备注</f-section-title>
    </f-card>

    <f-card style="height: 150px;">
        <textarea rows="7" class="remark" style="-webkit-user-select:auto;margin: 0 auto;width:94%;font-size: 14px;" contenteditable="true">{{remark}}</textarea>
    </f-card>

    <!--<textarea rows="10">{{result}}</textarea>-->

    <f-card style="background-color: white">
        <f-buttongroup style="margin-top: 20px;width: 100%;background-color: white;" >
            <f-button ng-click="submit()" style="margin-left: 20%;    width: 55%;
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    margin-top: 15px;
    line-height: 30px;
    margin-bottom: 20px;">提交</f-button>
        </f-buttongroup>
    </f-card>
    <script src="../js/frui.js"></script>
</div>